@charset "utf-8";
/* 刮刮卡 */
html,body{
	width:100%;
	height:100%;
}
.wrapCen{
	height:100%;
	overflow:hidden;
	background-color:#f0e7d7;
}
/* 加载动画 */
.wait{
	width:100%;
	height:100%;
	color:#ffffff;
	background-color:#000;
	text-align:center;
	position:fixed;
	top:0px;
	right:0px;
	bottom:0px;
	left:0px;
	z-index:99999;
	
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-pack: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
}
.waitCen{
	margin-top:-50px;
}
.wait .waitBar{
	width:100%;
	height:112px;
	margin:15px 0 5px;
	border-top:1px solid #000000;
	border-bottom:1px solid #000000;
}
.wait .waitBar .waitDh{
	width:50px;
	height:50px;
	border-radius:50%;
	margin:0 auto;
	border:2px solid red;
	-webkit-animation:waitAnima 0.8s linear infinite alternate;
	-moz-animation:waitAnima 0.8s linear infinite alternate;
	-o-animation:waitAnima 0.8s linear infinite alternate;
	-ms-animation:waitAnima 0.8s linear infinite alternate;
	animation:waitAnima 0.8s linear infinite alternate;
}
@-webkit-keyframes waitAnima{
	0%{
		height:50px;
	}
	50%{
		height:80px;
	}
	100%{
		height:50px;
		margin-top:50px;
	}
}
@keyframes waitAnima{
	0%{
		height:50px;
	}
	50%{
		height:80px;
	}
	100%{
		height:50px;
		margin-top:50px;
	}
}
/* 内容部分 */
.infoCen{
	width:100%;
	height:100%;
	overflow:hidden;
	position:relative;
}
.infoCen .ggkPic{
	width:100%;
	position:absolute;
	left:0px;
	bottom:0px;
}
.infoCen .r_0{
	width:29.6875%;
	position:absolute;
	top:3px;
	right:3px;
	z-index:9;
}
.infoCen .zjjlBtn{
	display:block;
	width:120px;
	height:40px;
	text-align:center;
	line-height:40px;
	font-size:16px;
	color:#ffffff;
	background-color:#ff4744;
	border-radius:6px;
	position:absolute;
	left:50%;
	bottom:17px;
	margin-left:-60px;
}
/* 刮奖区 */
.infoCen .gjBar{
	width:410px;
	height:184px;
	overflow:hidden;
	z-index:999;
	position:absolute;
	left:13.90625%;
	top:0px;
}
.infoCen .gjBar .jxInfo{
	font-size:36px;
	width:100%;
	height:100%;	
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-pack: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	position:absolute;
	left:0px;
	top:0px;
}
.infoCen .gjBar .gjc{
	width:100%;
	height:100%;
	/*background-color:#b2afac;*/
	position:absolute;
	left:0px;
	top:0px;
	z-index:999;
}
/* 得奖弹窗 */
.tcBg{
	background:rgba(0,0,0,0.6);
	position:fixed;
	top:0px;
	right:0px;
	bottom:0px;
	left:0px;
	z-index:999;
	display:none;
}
.tcBg .tc{
	width:290px;
	height:auto;
	padding:5px 5px;
	background-color:#ffffff;
	position:absolute;
	left:50%;
	top:50%;
	margin:-264px 0px 0px -150px;  /* 214 */
	opacity:0;
}
.tcBg .tc .tcCen{
	width:270px;
	min-height:120px;
	padding:0px 10px;
	background-color:#eeeeee;
}
.tcBg .tc .tcCen .ggkDjTitleBar{
	padding:10px 10px 7px;
}
.tcBg .tc .tcCen .ggkDjTitleBar .ggkDjPic{
	width:30%;
}
.tcBg .tc .tcCen .jpInfoBar{
	padding:0px 10px 10px;
	line-height:20px;
	color:#393939;
	font-size:14px;
	border-bottom:1px solid #d2d2d2;
}
.tcBg .tc .tcCen .jpInfoBar font{
	color:#e75128;
}
.tcBg .tc .tcCen .infoSrBar{
	padding:10px 10px 8px;
	line-height:20px;
	color:#393939;
}
.tcBg .tc .tcCen .telInputBar{
	margin-top:5px;
	border-radius:5px;
	overflow:hidden;
}
.tcBg .tc .tcCen .telInputBar .telInput{
	-webkit-appearance:none;
	border:none;
	display:block;
	width:100%;
	height:40px;
	padding:0px 5px;
	border-radius:5px;
	background-color:#dcdcdc;
	font-size:14px;
	color:#393939;
	outline:none;
}
.tcBg .tc .tcCen .telTishiInfo{
	font-size:12px;
	color:#858585;
	margin-top:5px;
}
.tcBg .tc .tcCen .tijiaoBar{
	margin-top:15px;
}
.tcBg .tc .tcCen .tijiaoBar .tijiaoBtn{
	-webkit-appearance:none;
	border:none;
	display:block;
	width:80px;
	height:35px;
	line-height:35px;
	text-align:center;
	background-color:#ff7049;
	color:#ffffff;
	font-size:16px;
	margin:0px auto;
	border-radius:5px;
}

/* 2015.11.6 */
.tcBg{
    position:fixed;
    left:0px;
    top:0px;
    right:0px;
    bottom:0px;
    background:rgba(0,0,0,.6);
    z-index:999;
    display:none;
}
.tcBg .tc{
    width:280px;
    min-height:120px;
    padding:0px 10px;
    background-color:#eeeeee;
    position:absolute;
    left:50%;
    top:50%;
    margin:-211px 0 0 -150px;
    opacity:0;
}
.tcBg .tc .tcHeader{
    width:100%;
    padding:10px 0px;
    border-bottom:1px solid #d2d2d2;
}
.tcBg .tc .tcHeader .tcHeaderTitle{
    width:100%;
    text-align:center;
    font-size:18px;
    font-weight:normal;
    color:#393939;
    letter-spacing:5px;
}
.tcBg .tc .tcHeader .closeBtn{
    display:block;
    width:24px;
    height:24px;
    border-radius:50%;
    background-image:url(../../public/images/merListIcon.png);
    background-repeat:no-repeat;
    background-position:0px 0px;
    background-size:58px auto;
    position:absolute;
    top:11px;
    right:15px;
}
.tcBg .tc .tcCenBar{
    width:100%;
    height:auto;
}
.tcBg .tc .tcCenBar .tcTishiInfoBar{
    width:100%;
    padding:10px 0px;
    text-align:center;
    font-size:14px;
    color:#393939;
}
.tcBg .tc .tcCenBar .tcTishiInfoBar span{
    color:#eb5a33;
}
.tcBg .tc .tcCenBar .erweimaBar{
    width:150px;
    height:150px;
    margin:0px auto;
    overflow:hidden;
}
.tcBg .tc .tcCenBar .erweimaPic{
    width:150px;
    height:150px;
}
.tcBg .tc .tcCenBar .saomaBar{
    width:100%;
    padding:12px 0;
    text-align:center;
}
.tcBg .tc .tcCenBar .saomaBar .saomaCen{
    display:inline-block;
    max-width:260px;
    line-height:18px;
    text-align:left;
}
.tcBg .tc .tcCenBar .saomaBar .saomaCen .saomaTishiPic{
    display:block;
    font-style:normal;
    width:25px;
    height:25px;
    background-image:url(../../public/images/merListIcon.png);
    background-repeat:no-repeat;
    background-position:-27px 0px;
    background-size:52px auto;
    margin-top:5px;
    float:left;
}
.tcBg .tc .tcCenBar .saomaBar .saomaCen .saomaWzTishi{
    margin-left:32px;
    font-size:14px;
    color:#393939;
}
.tcBg .tc .tcCenBar .saomaBar .saomaCen .saomaWzTishi span{
    color:#eb5a33;
}
/* 备注 */
.beiz{
	padding-bottom:8px;
}
.beiz h1{
	font-size:16px;
	font-weight:normal;
	color:#48444c;
}
.beiz p{
	font-size:14px;
	line-height:18px;
	color:#707070;
}
/* 未得奖 */
.wdjTcBg{
	background:rgba(0,0,0,0.6);
	position:fixed;
	top:0px;
	right:0px;
	bottom:0px;
	left:0px;
	z-index:999;
	display:none;
}
.wdjTcBg .wdjTcCen{
	width:290px;
	padding:5px 5px;
	background-color:#ffffff;
	position:absolute;
	left:50%;
	top:50%;
	margin:-162px 0px 0px -150px; /* 112 */
	opacity:0;
}
.wdjTcBg .wdjTcCen .wdjTcInfoBar{
	width:100%;
	height:auto;
	background-color:#eeeeee;
	overflow:hidden;
}
.wdjTcBg .wdjTcCen .wdjTcInfoBar .czBar{
	margin:0px 20px;
	padding:10px 0px;
	overflow:hidden;
}
.wdjTcBg .wdjTcCen .wdjTcInfoBar .czBar .closeBtn{
	display:block;
	font-style:normal;
	width:24px;
	height:24px;
	border-radius:50%;
	background-image:url(../../public/images/merListIcon.png);
	background-repeat:no-repeat;
	background-position:0px 0px;
	background-size:58px auto;
	cursor:pointer;
	float:right;
}
.wdjTcBg .wdjTcCen .wdjTcInfoBar .infoTitleBar{
	margin:0px 20px;
	text-align:center;
	overflow:hidden;
}
.wdjTcBg .wdjTcCen .wdjTcInfoBar .infoTitleBar .infoTitlePic{
	width:90px;
}
.wdjTcBg .wdjTcCen .wdjTcInfoBar .info{
	margin:10px 20px;
	text-align:center;
	overflow:hidden;
}
.wdjTcBg .wdjTcCen .wdjTcInfoBar .info p{
	text-align:center;
	font-size:14px;
	color:#393939;
}
.wdjTcBg .wdjTcCen .wdjTcInfoBar .info.wzjTitle p{
	font-size:16px;
	color:#000000;
}
.wdjTcBg .wdjTcCen .wdjTcInfoBar .info.gjjhts p{
	color:#ff4744;
}
.wdjTcBg .wdjTcCen .wdjTcInfoBar .info .jxgk{
	display:block;
	width:100px;
	height:40px;
	line-height:40px;
	text-align:center;
	color:#ffffff;
	font-size:16px;
	background-color:#ff4744;
	border-radius:5px;
	margin:15px auto 0;
}
/* 提交成功弹窗 */		/* 186px */
.wdjTcBg.tjcgTcBg .wdjTcCen{
	margin-top:-143px;
}
.wdjTcBg.tjcgTcBg .wdjTcCen .wdjTcInfoBar .infoTitleBar .infoTitlePic{
	width:72%;
}
/* 中奖记录弹窗 */
.zjjlTc{
	position:fixed;
	top:0px;
	right:0px;
	bottom:0px;
	left:0px;
	background-color:rgba(0,0,0,0.6);
	z-index:9999;
	display:none;
}
.infoBar{
	width:290px;
	padding:5px 5px;
	background-color:#ffffff;
	position:absolute;
	top:50%;
	left:50%;
	margin:-240px 0px 0px -150px;
	opacity:0;
}
.infoBar .infoCen{
	width:274px;
	height:370px;
	padding:0px 8px;
	background-color:#eeeeee;
}
.infoBar .titleBar{
	width:100%;
	padding:10px 0px;
	height:auto;
	text-align:center;
}
.infoBar .titleBar .titleIcon{
	width:32.5%;
}
.infoBar .listHeader{
	width:100%;
	height:30px;
}
.infoBar .listHeader.headBar{
	border-bottom:1px dashed #d2d2d2;
}
.infoBar .listHeader .headerItem:nth-of-type(1),.infoBar .listHeader .headerItem:nth-of-type(3){
	width:30%;
}
.infoBar .listHeader .headerItem:nth-of-type(2){
	width:40%;
}
.infoBar .listHeader .headerItem{
	height:30px;
	text-align:center;
	font-size:14px;
	color:#393939;
	position:relative;
	float:left;
	
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-pack: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
}
.infoList{
	width:100%;
	height:273px;
	margin:10px 0px 0px;
	overflow:auto;
}
.infoList .infoItemCen{
	width:100%;
	padding:5px 0;
	overflow:hidden;
}
.infoList .infoItemCen .infoItem{
	float:left;
}
.infoList .infoItemCen .infoItem .infoK{
	margin:0px 5px;
	text-align:center;
	word-break:break-all;
	word-wrap:break-word;
	font-size:14px;
	color:#474747;
}
.infoList .infoItemCen .infoItem .infoK font{
	color:#e75128;
}
.infoList .infoItemCen .infoItem:nth-of-type(1),.infoList .infoItemCen .infoItem:nth-of-type(3){
	width:30%;
}
.infoList .infoItemCen .infoItem:nth-of-type(2){
	width:40%;
}
@media screen and (min-width:320px){
	.listHeader.headBar .headerItem{
		font-size:14px;
	}
	.infoList .infoItemCen .infoItem .infoK{
		font-size:12px;
	}
}
@media screen and (min-width:375px){
	.listHeader.headBar .headerItem{
		font-size:16px;
	}
	.infoList .infoItemCen .infoItem .infoK{
		font-size:14px;
	}
}
@media screen and (min-width:414px){
	
	.listHeader.headBar .headerItem{
		font-size:18px;
	}
	.infoList .infoItemCen .infoItem .infoK{
		font-size:16px;
	}
}





















